<page-header  >
    <!--<ng-template #breadcrumb>-->
        <!--<nz-breadcrumb>-->
            <!--<nz-breadcrumb-item>订单信息</nz-breadcrumb-item>-->
            <!--&lt;!&ndash;<nz-breadcrumb-item><a [routerLink]="['/prod/product']">订单资料</a></nz-breadcrumb-item>&ndash;&gt;-->
        <!--</nz-breadcrumb>-->
    <!--</ng-template>-->
    <ng-template #tab>
        <nz-tabset [nzSize]="'default'" [nzTabBarExtraContent]="extraTemplate">
          <nz-tab nzTitle="订单信息" (nzSelect)="changeTab(0)"></nz-tab>
          <!-- <nz-tab nzTitle="驾驶证信息" (nzSelect)="changeTab(1)"></nz-tab>
          <nz-tab nzTitle="申请信息" (nzSelect)="changeTab(6)"></nz-tab>
          <nz-tab nzTitle="担保人" (nzSelect)="changeTab(2)"></nz-tab>
          <nz-tab nzTitle="附件信息" (nzSelect)="changeTab(3)"></nz-tab>
          <nz-tab nzTitle="订单日志" (nzSelect)="changeTab(4)"></nz-tab> -->
          <!-- <nz-tab nzTitle="紧急联系人" (nzSelect)="changeTab(5)"></nz-tab> -->

        </nz-tabset>
    </ng-template>
    <ng-template #extraTemplate>
        <button nz-button (click)="back()"><i class="anticon anticon-rollback"></i>返回订单列表</button>
    </ng-template>
</page-header>





  <!--<nz-card style="height: 100%" nzTitle="视频信息" *ngIf="tabIndex === 1">-->
  <!--</nz-card>-->


<nz-row [nzGutter]="24">
  <nz-col [nzSpan]="24">
     <nz-card>
    <nz-card nzTitle="基本信息"  *ngIf="tabIndex === 0" >
      
      <form nz-form>
        <nz-form-item>
          <nz-form-label nzSpan="3" nzRequired>借款人</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required [(ngModel)]="product.fxjOut01" name="fxjOut01">
          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>贷款本金</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input  required [(ngModel)]="product.fxjOut02" name="fxjOut02">
          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>利率</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required [(ngModel)]="product.fxjOut03" name="fxjOut03">
          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>逾期金额</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required [(ngModel)]="product.fxjOut04" name="fxjOut04">
          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>本金余额</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required [(ngModel)]="product.fxjOut05" name="fxjOut05">
          </nz-form-control>


          <nz-form-label nzSpan="3" >逾期天数</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input [(ngModel)]="product.fxjOut06" name="fxjOut06">
          </nz-form-control>

          <nz-form-label nzSpan="3" >渠道</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input [(ngModel)]="product.fxjOut07" name="fxjOut07">
          </nz-form-control>

          <nz-form-label nzSpan="3" >是否已回收</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.fxjOut08" name="fxjOut08">
          </nz-form-control>

          <nz-form-label nzSpan="3" >车辆销售出租情况</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.fxjOut09" name="fxjOut09">
          </nz-form-control>



          <nz-form-label nzSpan="3" >二次租售客户名字</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.fxjOut10" name="fxjOut10">
          </nz-form-control>

          <nz-form-label nzSpan="3" >二次租售客户缴费情况</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.fxjOut11" name="fxjOut11">
          </nz-form-control>

          <nz-form-label nzSpan="3" >60天内代偿金额</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.fxjOut12" name="fxjOut12">
          </nz-form-control>

          <nz-form-label nzSpan="3" >30天内代偿金额</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.fxjOut13" name="fxjOut13">
          </nz-form-control>
          <nz-form-label nzSpan="3" >备注</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.fxjOut15" name="fxjOut15">
          </nz-form-control>
        </nz-form-item>
      </form>
    </nz-card>
  
    <nz-card nzTitle="文件信息 " *ngIf="tabIndex === 3">
      <lxm-view [fromParentData]="'goChild'" [imgUrl]="uploadUr1" [img]="'https://www.zhaodui.com.cn/pic/fxj/v2_pr46qg.png'" (changeNumber)="onListen($event)"></lxm-view>
      
      <form nz-form>
        <nz-card nzTitle="身份证">
          <div class="clearfix">
            <nz-upload
              [nzMultiple]="true"
              [nzAction]="uploadUr1"
              [nzData]="avatarParam1"
              nzListType="picture-card"
              [(nzFileList)]="fileList1"
              [nzShowButton]="fileList1.length < 300"
              (nzChange)="upLoadChange1($event)"
              [nzPreview]="handlePreview1">
    
              <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
              <div style="margin-top: 0px; color: #666;">  </div>
            </nz-upload>
            <nz-modal [nzVisible]="previewVisible1" [nzContent]="modalContent1" [nzFooter]="null" (nzOnCancel)="previewVisible1=false">
              <ng-template #modalContent1>
                <img [src]="previewImage1" [ngStyle]="{ 'width': '100%' }" />
              </ng-template>
            </nz-modal>
          </div>
        </nz-card>
        <nz-card nzTitle="银行流水">
          <div class="clearfix">
            <nz-upload
              [nzMultiple]="true"
              [nzAction]="uploadUr6"
              [nzData]="avatarParam6"
              nzListType="picture-card"
              [(nzFileList)]="fileList2"
              [nzShowButton]="fileList2.length < 300"
              (nzChange)="upLoadChange2($event)"
              [nzPreview]="handlePreview2">
    
              <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
              <div style="margin-top: 0px; color: #666;">  </div>
            </nz-upload>
            <nz-modal [nzVisible]="previewVisible2" [nzContent]="modalContent2" [nzFooter]="null" (nzOnCancel)="previewVisible2=false">
              <ng-template #modalContent2>
                <img [src]="previewImage2" [ngStyle]="{ 'width': '100%' }" />
              </ng-template>
            </nz-modal>
          </div>
        </nz-card>
        <nz-card nzTitle="征信报告">
          <div class="clearfix">
            <nz-upload
              [nzMultiple]="true"
              [nzAction]="uploadUr7"
              [nzData]="avatarParam7"
              nzListType="picture-card"
              [(nzFileList)]="fileList3"
              [nzShowButton]="fileList3.length < 300"
              (nzChange)="upLoadChange3($event)"
              [nzPreview]="handlePreview3">
    
              <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
              <div style="margin-top: 0px; color: #666;">  </div>
            </nz-upload>
            <nz-modal [nzVisible]="previewVisible3" [nzContent]="modalContent3" [nzFooter]="null" (nzOnCancel)="previewVisible3=false">
              <ng-template #modalContent3>
                <img [src]="previewImage3" [ngStyle]="{ 'width': '100%' }" />
              </ng-template>
            </nz-modal>
          </div>
        </nz-card>
        <nz-card nzTitle="问询表">
          <div class="clearfix">
            <nz-upload
              [nzMultiple]="true"
              [nzAction]="uploadUr8"
              [nzData]="avatarParam8"
              nzListType="picture-card"
              [(nzFileList)]="fileList4"
              [nzShowButton]="fileList4.length < 300"
              (nzChange)="upLoadChange4($event)"
              [nzPreview]="handlePreview4"
              >
    
              <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
              <div style="margin-top: 0px; color: #666;">  </div>
            </nz-upload>
            <nz-modal [nzVisible]="previewVisible4" [nzContent]="modalContent4" [nzFooter]="null" (nzOnCancel)="previewVisible4=false">
              <ng-template #modalContent4>
                <img [src]="previewImage4" [ngStyle]="{ 'width': '100%' }" />
              </ng-template>
            </nz-modal>
          </div>
        </nz-card>
        <nz-card nzTitle="驾驶证及行驶证">
          <div class="clearfix">
            <nz-upload
              [nzMultiple]="true"
              [nzAction]="uploadUr9"
              [nzData]="avatarParam9"
              nzListType="picture-card"
              [(nzFileList)]="fileList5"
              [nzShowButton]="fileList5.length < 300"
              (nzChange)="upLoadChange5($event)"
              [nzPreview]="handlePreview5">
    
              <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
              <div style="margin-top: 0px; color: #666;">  </div>
            </nz-upload>
            <nz-modal [nzVisible]="previewVisible5" [nzContent]="modalContent5" [nzFooter]="null" (nzOnCancel)="previewVisible5=false">
              <ng-template #modalContent5>
                <img [src]="previewImage5" [ngStyle]="{ 'width': '100%' }" />
              </ng-template>
            </nz-modal>
          </div>
        </nz-card>
       
      </form>
    </nz-card>
     </nz-card>
    <nz-card nzTitle="订单日志 " *ngIf="tabIndex === 4">

      <simple-table #st
                    [columns]="columns"
                    [data]="logurl"
                    [ps]="ps"
                    [extraParams]="q"
                    [resReName]="{ total: 'total', list: 'data'}"
                    [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
                    toTopInChange
                    [showTotal]="true"
                    [showSizeChanger]="false"
                    [showPagination]="false">

      </simple-table>



    </nz-card>

    <!-- <nz-card nzTitle="紧急联系人 " *ngIf="tabIndex === 5"> -->


      <!--<nz-form-control nzSpan="6" style="margin-top: 8px;margin-right: 8px">-->
        <!--<input nz-input required [(ngModel)]="product.spcomment" name="spcomment">-->
        <!--<textarea class="textarea"  ng-model="product.spcomment">-->
      <!--</textarea>-->
      <!--</nz-form-control>-->
      <!-- <nz-card nzTitle="紧急联系人 "  >

        <simple-table #strm
                      [columns]="columnsemen"
                      [data]="emenurl"
                      [ps]="ps"
                      [extraParams]="q"
                      [resReName]="{ total: 'total', list: 'data'}"
                      [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
                      toTopInChange
                      [showTotal]="true"
                      [showSizeChanger]="false"
                      [scroll]="{  x: '1300px' }"

                      [showPagination]="false">

        </simple-table>

    </nz-card>
    </nz-card> -->
    <!--<nz-card nzTitle="审批意见 " *ngIf="tabIndex === 5">-->


      <!--&lt;!&ndash;<nz-form-control nzSpan="6" style="margin-top: 8px;margin-right: 8px">&ndash;&gt;-->
        <!--&lt;!&ndash;<input nz-input required [(ngModel)]="product.spcomment" name="spcomment">&ndash;&gt;-->
        <!--<textarea class="textarea"  ng-model="product.spcomment">-->
      <!--</textarea>-->
      <!--&lt;!&ndash;</nz-form-control>&ndash;&gt;-->

    <!--</nz-card>-->

    <!--<nz-card nzTitle="面签流程 " >-->
      <!--<p>1、请报您的身份证号码：</p>-->
      <!--<p>2、请报您的目前常住地址：</p>-->
      <!--<p>3、请报您的手机号码：</p>-->
      <!--<p>4、请报您的工作单位和地址</p>-->
      <!--<p>5、请问您的婚烟状况为?(未婚/已婚/离异)</p>-->
      <!--<p>6、请问您联系人姓名、电话以及和您的关系</p>-->

    <!--</nz-card>-->
  <!--</nz-col>-->
  <!--<nz-col [nzSpan]="9">-->
    <!--<iframe src="https://www.zhaodui.com.cn/spmq/"  width="460px"  height="700px"></iframe>-->
  </nz-col>
</nz-row>

<footer-toolbar errorCollect>

  <!--<nz-form-label nzSpan="3" style="margin-top: 8px">审批意见</nz-form-label>-->
  <!--<nz-form-control nzSpan="6" style="margin-top: 8px;margin-right: 8px">-->
    <!--<input nz-input required [(ngModel)]="product.spcomment" name="spcomment">-->
  <!--</nz-form-control>-->
  <button nz-button type="primary" nzType="primary" (click)="savest('Y')">保存</button>
  <!--<button nz-button type="primary" nzType="primary" (click)="savest('N')">不通过</button>-->
  <!--<button nz-button type="primary" nzType="primary" (click)="savest('R')">拒绝</button>-->


</footer-toolbar>
